import React, {Component} from 'react'

import './index.css'
class SocialRemark  extends Component {

  render() {
   
    return (
        <div>
            <p class="container-title">帖子评论</p>
            <div class="function">
                <input class="input s-r-f-id" type="text" placeholder="帖子ID"/>
                <input class="input s-r-f-phone" type="text" placeholder="发帖人手机号或ID"/>
                <input class="input s-r-f-content" type="text" placeholder="请输入评论内容"/>
                <button class="input s-r-f-search">搜索</button>
                <button class="input s-r-f-del">批量删除</button>

                <div class="more">
                    <button class="btn all">全部(200)</button>
                    <button class="btn rubbish">垃圾站(80)</button>
                    <button class="btn hide">隐藏(3)</button>
                </div>
            </div>

            <div class="content">
                <div class="content-header">
                    <input type="checkbox" name="sex" /> 

                    <span class="sremark remark-user">评论用户</span>
                    <span class="sremark remark-belong">归属帖子ID</span>
                    <span class="sremark remark-content">评论内容</span>
                    <span class="sremark remark-operate">操作</span>
                </div>
                <div class="item">
                    <input class="sremark-check"type="checkbox" name="sex" /> 

                    <span class="sremark remark-user">186****7674</span>
                    <span class="sremark remark-belong">33</span>
                    <span class="sremark remark-content">兔子急了不一定会咬人，但大概率会跑</span>
                    <span class="sremark remark-operate">
                        <button class="s-r-hiden">隐藏</button>
                        <button class="s-r-rubbish">垃圾站</button>
                    </span>
                </div>
            </div>
        </div>
    )
  }
}

export default SocialRemark